<!DOCTYPE html>
<html dir="ltr" lang="en-US" >
<head>
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />

<!-- page title -->
<title>Grandon HTML Template</title>


<!-- add css stylesheets -->	
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/skeleton.css"/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css"/>


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js"  type="text/javascript"></script>
<script src="js/modernizr.custom.js"  type="text/javascript"></script>
<script src="js/jquery.fitvids.js"  type="text/javascript"></script>
<script src="js/jquery.ui.totop.js"  type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>





</head>
<body>	


<!-- Image Back ground and pattern Back ground  -->
   
    <!-- <div id="pattern_bg"></div>  -->
     <img src="images/large/bg.jpg" alt="" id="background" />

<div class="header_top_first">
		<div class="container sixteen columns header_top_inner">
	    	<div class="eight columns align_left">
				<div class="testimonials">
				            <div class="testi_icon"></div>
                        	<ul>
									<li>
                            		<div class="testi-text dro">Welcome to Grandon Marketing solution for any company</div>                                  
                                    </li>
									<li>
                            		<div class="testi-text dro">showing what are you doing to everyone in the world</div>                                  
                                    </li>
									
                            </ul>						
                </div>			
			</div>
			
		
				<div class="top_info">
					<p>
					
                    <a href="#">About us</a>&nbsp; &nbsp;
                    <a href="#">Pricing</a>&nbsp; &nbsp; 
                    <a href="#">Site map</a>

					</p>		
				</div>
						
        </div>  
  <div class="clear"></div>		
</div>

<div class="header_top_second">

<div class="container sixteen columns header_top_second_inner">

<div class="four columns align_left logo"><a href="#"><img src="images/logo.png" alt="" /></a></div>

<div class="contact_head">
   <div class="top_home_wrapper">
    <div class="top_home_icon"></div><h6>Hong kong 32 street, Ladue city </h6>
	<div class="clear"></div>
   </div>   
   <div class="top_home_call"> Tel : +7780-2225-779 </div>
</div>

</div>
<div class="clear"></div>
</div>
		
<!-- Main header -->
<div id="main_wrapper">
	<div class="main_wrapper_inner">
      
      <!-- Header -->
              <div class="header_menu">
			     <div class="header_top_inner">
				    <div class="container sixteen columns">
				         <!-- begin navigation -->
					 <div class="main_menu">
						<nav id="dropdown">
							<ul class="sf-menu clearfix">								
								<li><a href="index.html" class="trigger"><span><i class="icon-home"></i>Home</span></a>
									<ul>
										<li><a href="index-2.html">Style 1</a></li>
										<li><a href="index2.html">Style 2</a></li>
										<li><a href="index3.html">Style 3</a></li>
										<li><a href="index4.html">Style 4</a></li>
										<li><a href="index5.html">Style 5</a></li>
									</ul>
								</li>
								<li><a href="#" class="trigger"><span><i class="icon-feature"></i>Features</span></a>
									<ul>
										<li><a href="about.html">About Us</a></li>
										<li><a href="service.html">Our service</a></li>
										<li><a href="shortcodes.html">shortcodes</a></li>
										<li><a href="tables.html">Table price</a></li>
										<li><a href="#" class="trigger">Example submenu</a>
												    <ul>
														<li><a href="#">submenu test 1</a></li>
														<li><a href="#">submenu test 2</a></li>
														<li><a href="#">submenu test 3</a></li>
													</ul>
										</li>
										<li><a href="full_width_page.html">Full Page</a></li>
										<li><a href="page_right_sidebar.html">Page with Right Sidebar</a></li>
										<li><a href="page_left_sidebar.html">Page with Left Sidebar</a></li>
									</ul>
								</li>
                                <li><a href="about.html" class="trigger"><span><i class="icon-staff"></i>Staffs</span></a></li>	
                                <li><a href="service.html" class="trigger"><span><i class="icon-service"></i>Services</span></a></li>									
								<li><a href="portfolio.html" class="trigger"><span><i class="icon-port"></i>Portfolio</span></a>
									<ul>
										<li><a href="portfolio4.html">Portfolio 4 columns</a></li>
										<li><a href="portfolio3.html">Portfolio 3 columns</a></li>										
										<li><a href="portfolio_single.html">Portfolio single</a></li>
									</ul>
								</li>
								<li><a href="blog.html" class="trigger"><span><i class="icon-blog"></i>Blog</span></a>
									<ul>
										<li><a href="blog.html">Blog Style 1</a></li>
										<li><a href="blog1.html">Blog Style 2</a></li>
										<li><a href="blog2.html">Blog style 3</a></li>
										<li><a href="blog_post.html">Single Blog Post</a></li>										
									</ul>
								</li>
								<li><a href="contact.html"><span><i class="icon-contact"></i>Contact</span></a></li>
								<li><a href="contact.html"><span>Contact</span></a></li>
							</ul>
						</nav>	
                       </div>						
				 <!-- end navigation -->
					</div> <!-- End six teen columns -->
			     </div>
			  </div> <!-- End header top -->
	
	<div class="slider_wrapper">
		       
			   <!-- FlexSlider  -->
            <div class="flexslider">
						<ul class="slides">
							<li>
								<img src="images/slides/bg.jpg" alt="header"/><div class="flex-caption">Grandon Multi-Purpose HTML Theme available only on Themeforest</div>
							</li>
							<li>
								<img src="images/slides/bg2.jpg" alt="header"/><div class="flex-caption">The best place you must visit, At 23 North Frankand, Canada</div>
						    </li>	
							<li>
								<img src="images/slides/bg3.jpg" alt="header"/><div class="flex-caption">Welcome to Grandon land the romantic place in the world</div>
						    </li>								
						</ul>	
               <div class="clear"></div>						
			 </div>	
    <!-- End FlexSlider -->	
	
            </div> 	<!-- End slider wrapper -->  
    <div class="slider_shadow"></div>
	
    <div class="content">		
		<div class="container"> 			
		   <div class="content_wrapper">	
		   
		 <div class="first_wrapper">			 			        		     
			   <div class="service_wrapper_holder">			     
				   <div class="service_wrapper">
				     <div class="four columns">
					    <div class="image_shadow">
					      <a href="#"><img src="images/icons/s1.png" class="scale-with-grid"/></a>
						</div>
				      <div class="service_wrapper_inner"> 	      
					    
				            <h5><a href="#"> Distribution </a></h5>
						    <p> sed diam nonumy eirmod tempor invid unt ut labore et dolore magna adipiocar scing consect etuer ali nan thao nare</p>	
						
					  </div> <!-- End service wrapper inner --> 
					 </div>
			   	   </div> <!-- End service wrapper -->

                   <div class="service_wrapper">
				     <div class="four columns">
					   <div class="image_shadow">
					     <a href="#"><img src="images/icons/s2.png" class="scale-with-grid"/></a>
					   </div>
				      <div class="service_wrapper_inner"> 	      
					    
				            <h5><a href="#"> Market share </a></h5>
						    <p> sed diam nonumy eirmod tempor invid unt ut labore et dolore magna adipiocar scing consect etuer ali nan thao nare</p>	
						
					  </div> <!-- End service wrapper inner --> 
					 </div>
			   	   </div> <!-- End service wrapper -->

                   <div class="service_wrapper">
				     <div class="four columns">
					   <div class="image_shadow">
					     <a href="#"><img src="images/icons/s3.png" class="scale-with-grid"/></a>
					   </div>
				      <div class="service_wrapper_inner"> 	      
					    
				            <h5><a href="#"> HR Management </a></h5>
						    <p> sed diam nonumy eirmod tempor invid unt ut labore et dolore magna adipiocar scing consect etuer ali nan thao nare</p>	
						
					  </div> <!-- End service wrapper inner --> 
					 </div>
			   	   </div> <!-- End service wrapper -->

                   <div class="service_wrapper">
				     <div class="four columns">
					   <div class="image_shadow">
					     <a href="#"><img src="images/icons/s4.png" class="scale-with-grid"/></a>
					   </div>
				      <div class="service_wrapper_inner"> 	      
					    
				            <h5><a href="#"> Support 24/7 </a></h5>
						    <p> sed diam nonumy eirmod tempor invid unt ut labore et dolore magna adipiocar scing consect etuer ali nan thao nare</p>	
						
					  </div> <!-- End service wrapper inner --> 
					 </div>
			   	   </div> <!-- End service wrapper -->
                 <div class="clear"></div>
		        </div> <!-- End service wrapper holder -->
             
		 </div>  <!-- End first wrapper -->
	<div class="clear"></div>	 
	
		<div class="border_divider"></div>

 <div class="port_wrapper_home">
			        					
     <div class="port_inner">
	   <div class="sixteen columns">
	       <div class="pb_title_wrapper">
		       <h3 class="pb_title">Latest Resolutions </h3><p class="sub_pb_title"><a href="#"> &nbsp; - &nbsp; view all resolution </a> </p>
               <div class="clear"></div>
            				 
          </div>  
       </div>
	   
	<div class="list_carousel">
             <div class="carousel_nav">
                 <a class="prev" id="prev_port" href="#"><span>prev</span></a>
				 <a class="next" id="next_port" href="#"><span>next</span></a>
             </div>
    <div class="clearfix"></div>				    

	<ul id="carousel-works" class="portfolio group"> 
		<li class="four columns">
			        
			       <div class="view view-tenth">
                     <span class="image_holder">				   
                         <img src="images/large/a10.jpg" alt="" class="scale-with-grid" />						 
					 </span>
                    <div class="mask">
					  <div class="mask_wrapper">                        
                           <a href="images/large/a10.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                      </div>
					</div>
                  </div>
				  <span class="clear"></span>
				  <div class="view_title">
					    <a href="#"><h6>Sale increasing</h6></a>
						<span class="port_cat"><p> stragies </p> </span>
					</div>
		</li> 
		<li class="four columns">
			        
			       <div class="view view-tenth">
                     <span class="image_holder">				   
                         <img src="images/large/15.jpg" alt="" class="scale-with-grid" />						 
					 </span>
                    <div class="mask">
					  <div class="mask_wrapper">                        
                           <a href="images/large/15.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                      </div>
					</div>
                  </div>
				  <span class="clear"></span>
				  <div class="view_title">
					    <a href="#"><h6>Sale increasing</h6></a>
						<span class="port_cat"><p> stragies </p> </span>
					</div>
		</li>
		<li class="four columns">

			       
			       <div class="view view-tenth">
                      <span class="image_holder">				   
                         <img src="images/large/22.jpg" alt="" class="scale-with-grid" />
				      </span>
                    <div class="mask">
					  <div class="mask_wrapper">                        
                           <a href="images/large/22.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                      
                      </div>
					</div>
                  </div>
				  <span class="clear"></span>
				  <div class="view_title">
					    <a href="#"><h6>Marketing strategies</h6></a>
						<span class="port_cat"><p> marketing </p> </span>
					</div>

		</li>
		<li class="four columns">
		
			       
			       <div class="view view-tenth">
                   <span class="image_holder">				   
                    <img src="images/large/77.jpg" alt="" class="scale-with-grid" />
					</span>
                    <div class="mask">
					  <div class="mask_wrapper">                        
                           <a href="images/large/77.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                        
                      </div>
					</div>
                  </div>
				  <span class="clear"></span>
				  <div class="view_title">
					    <a href="#"><h6>Project Management</h6></a>
						<span class="port_cat"><p> consultant </p> </span>
				  </div>

		</li>
        
        <li class="four columns">
			        
			       <div class="view view-tenth">
                     <span class="image_holder">				   
                         <img src="images/large/a10.jpg" alt="" class="scale-with-grid" />						 
					 </span>
                    <div class="mask">
					  <div class="mask_wrapper">                        
                           <a href="images/large/a10.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                      </div>
					</div>
                  </div>
				  <span class="clear"></span>
				  <div class="view_title">
					    <a href="#"><h6>Sale increasing</h6></a>
						<span class="port_cat"><p> stragies </p> </span>
					</div>
		</li> 
		<li class="four columns">
			        
			       <div class="view view-tenth">
                     <span class="image_holder">				   
                         <img src="images/large/15.jpg" alt="" class="scale-with-grid" />						 
					 </span>
                    <div class="mask">
					  <div class="mask_wrapper">                        
                           <a href="images/large/15.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                      </div>
					</div>
                  </div>
				  <span class="clear"></span>
				  <div class="view_title">
					    <a href="#"><h6>Sale increasing</h6></a>
						<span class="port_cat"><p> stragies </p> </span>
					</div>
		</li>
		<li class="four columns">

			       
			       <div class="view view-tenth">
                      <span class="image_holder">				   
                         <img src="images/large/22.jpg" alt="" class="scale-with-grid" />
				      </span>
                    <div class="mask">
					  <div class="mask_wrapper">                        
                           <a href="images/large/22.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                      
                      </div>
					</div>
                  </div>
				  <span class="clear"></span>
				  <div class="view_title">
					    <a href="#"><h6>Marketing strategies</h6></a>
						<span class="port_cat"><p> marketing </p> </span>
					</div>

		</li>
		<li class="four columns">
		
			       
			       <div class="view view-tenth">
                   <span class="image_holder">				   
                    <img src="images/large/77.jpg" alt="" class="scale-with-grid" />
					</span>
                    <div class="mask">
					  <div class="mask_wrapper">                        
                           <a href="images/large/77.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                        
                      </div>
					</div>
                  </div>
				  <span class="clear"></span>
				  <div class="view_title">
					    <a href="#"><h6>Project Management</h6></a>
						<span class="port_cat"><p> consultant </p> </span>
				  </div>

		</li>		

	</ul>
		<div class="clearfix"></div>
        </div>
			   
	 
    <div class="clear"></div>	
			   </div><!-- End Portfolio -->

	</div>  <!-- End port wrapper -->		 
		 
			<div class="border_divider"></div>

 <div class="blog_wrapper_home">
    <div class="sixteen columns">
	       <div class="pb_title_wrapper">
		       <h3 class="pb_title">Latest News </h3><p class="sub_pb_title"><a href="#"> &nbsp; - &nbsp; go to blogs </a> </p>
               <div class="clear"></div>
            				 
          </div>  
    </div>
	<div class="blog_h_inner">	        						   
	 <ul class="blog_homepage"> 
	    <li class="one-third column">
		      <div class="home_time_wrap">			  
			     <div class="icon_b_wrapper"><div class="image_icon"></div></div>
				 <div class="day_b_wrapper">
				     <span class="day_b_wrapper_inner">11</span>
				 </div>
				 <div class="date_b_wrapper">
				     <span class="h_month"> Jan </span>
					 <span class="y_month"> 2013 </span>
				 </div> 
			  </div> <!-- End Home time wrapper -->
			  
			  <div class="four columns"> 
                 <div class="home_b_holder">			  
			       <div class="view view-tenth">	
                    <span class="image_holder">					
                    <img src="images/large/1.jpg" alt="" class="scale-with-grid" />
					</span>
                    <div class="mask">
					  <div class="mask_wrapper2">                        
                           <a href="images/large/1.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                        
                      </div>
					</div>					
                  </div>				  
                  
                  <div class="clear"></div> 				  
				  <div class="view_title_b">				  
					  <a href="#"><h6>Sale incresing</h6></a>					
                       <p>
				        Malesuada fames ac turpis egesda tas, vestibulum tortor quam, feugiat ultricies orliver eget,vitae erocato dan.
				       </p>						   
				  </div>
				 </div>
			  </div>
		</li> 
		<li class="one-third column">
		      <div class="home_time_wrap">			  
			     <div class="icon_b_wrapper"><div class="slide_icon"></div></div>
				 <div class="day_b_wrapper">
				     <span class="day_b_wrapper_inner">07</span>
				 </div>
				 <div class="date_b_wrapper">
				     <span class="h_month"> Jan </span>
					 <span class="y_month"> 2013 </span>
				 </div> 
			  </div> <!-- End Home time wrapper -->

                  <div class="four columns">    			   
                   <div class="flexslider">	
						<ul class="slides">
							<li>
								<img src="images/large/2.jpg" alt="header"/>
							</li>
						    <li>
								<img src="images/large/3.jpg" alt="header"/>
						    </li>
						    <li>
								<img src="images/large/4.jpg" alt="header"/>
						    </li>														
						</ul>						
					</div>				 
                  	
                  <div class="clear"></div> 				  
				  <div class="view_title_b">				  
					  <a href="#"><h6>What is branding ?</h6></a>
                       <p>
				        Malesuada fames ac turpis egesda tas, vestibulum tortor quam, feugiat ultricies orliver eget,vitae erocato dan.
				       </p>						   
				  </div>
                </div>
		</li>
		<li class="one-third column">
		       <div class="home_time_wrap">			  
			     <div class="icon_b_wrapper"><div class="video_icon"></div></div>
				 <div class="day_b_wrapper">
				     <span class="day_b_wrapper_inner">04</span>
				 </div>
				 <div class="date_b_wrapper">
				     <span class="h_month"> Jan </span>
					 <span class="y_month"> 2013 </span>
				 </div> 
			  </div> <!-- End Home time wrapper -->
                  <div class="four columns"> 				   
                    <div class="scale_vid">					
                      <iframe src="http://player.vimeo.com/video/27973852?title=0&amp;byline=0&amp;portrait=0" width="220" height="115"></iframe>
                    </div>		
                  
                  <div class="clear"></div>				  
				  <div class="view_title_b">				  
					  <a href="#"><h6>Join us now, Start it</h6></a>
                       <p>
				        Malesuada fames ac turpis egesda tas, vestibulum tortor quam, feugiat ultricies orliver eget,vitae erocato dan.
				       </p>						   
				  </div>
                  </div>
		</li>	
	</ul>
    <div class="clear"></div>	
          </div>  <!-- End Blog homepage wrapper -->	
		 </div>  <!-- End first wrapper -->	
	
		 <div class="clear"></div>	
		 
		<div class="border_divider"></div>

 <div class="client_h_wrapper">
			        					 
	   <div class="sixteen columns">
	       <div class="pb_title_wrapper">
		       <h3 class="pb_title">Some clients </h3><p class="sub_pb_title"><a href="#"> &nbsp; - &nbsp; see more </a> </p>
               <div class="clear"></div>
            				 
          </div>  
       </div>  
	   
	<div class="sixteen columns"> 
      <div class="client_h_holder">	
        <ul class="client_inner1">
                <li><a href="#" class="tool_tipsy" title="Company one"><img src="images/clients/cli1.jpg" alt="" class="scale-with-grid"/></a></li>
                <li><a href="#" class="tool_tipsy" title="Company two"><img src="images/clients/cli2.jpg" alt="" class="scale-with-grid" /></a></li>
                <li><a href="#" class="tool_tipsy" title="Company three"><img src="images/clients/cli3.jpg" alt="" class="scale-with-grid" /></a></li>
                <li><a href="#" class="tool_tipsy" title="Company four"><img src="images/clients/cli4.jpg" alt="" class="scale-with-grid" /></a></li>                
        </ul>  <!-- End client inner -->
          <div class="clear"></div>		
      </div>	
	  
	    <div class="clear"></div>  
	</div>		 
<div class="clear"></div>
</div>  <!-- End first wrapper -->
	
			
           </div> <!-- End Content wrapper -->
        </div> 	 <!-- End Contain -->	
    </div>	<!-- End content -->

    		<!-- Footer -->

         <footer id="footer">	
		  <div class="footer_support">
		      <div class="container sixteen columns">
				  <div class="footer_support_inner">
				     <i class="icon_vid_s"></i>
					 <div class="twelve columns">
					 <div class="text_support"> Video call supporting is the better way to asking us the question, <a href="#">Contact us now 24/7 </a></div>
					 </div>
				     <i class="icon_support_user"></i>
					 <div class="clear"></div>
				  </div>
			  </div>
		  </div> <!-- End support -->   
			<div class="container">
			  <div class="footer_inner"> 
			  
			    <div class="sixteen columns">
			        
				 <div class="four columns clearfix widget alpha">		
                      <div class="widget_text">
					    <img src="images/logo2.png" alt="" class="scale-with-grid" />	
                        <span class="foot_title">Company's name</span><br/>                       
                        <p>We suport 24/7, sed diam nonummy nibh euismod.Lorem ipsum dolor,sed diam nonumy eirmod tempor invid unt utat labore et dolore magna.  </p>
                  
                      </div>
                 </div>
				 
				  <div class="four columns widget">
                    <h5 class="widget_title">Popular blog post</h5>
                    <div class="widget_blogposts">
                        <ul>
                        	<li class="p_widget_inner clearfix">                            	
                                <div class="post_wiget_ti"><a href="#">Join us now, Start it</a></div>
								<img src="images/blog/s3.jpg" alt="" class="scale-with-grid" />	
								<p> 
								 Fames ac turpis egesda tas, vestibulum tortorina quam, feugiat
								</p>
								<div class="sub_date_wrapper">
                                  <span class="left sub_text3">11 Nov 2012</span>
								  <span class="right sub_text3"><a href="#"> 3 comments </a></span><span class="icon_comment"></span>								
								</div>
								<div class="clear"></div>  
                            </li>
                        	<li class="p_widget_inner clearfix">                            	
                                <div class="post_wiget_ti"><a href="#">What is branding</a></div>
								<img src="images/blog/s4.jpg" alt="" class="scale-with-grid" />
								<p> 
								 Fames ac turpis egesda tas, vestibulum tortorina quam, feugiat
								</p>
								<div class="sub_date_wrapper">
                                  <span class="left sub_text3">11 Nov 2012</span>
								  <span class="right sub_text3"><a href="#"> 1 comment </a></span><span class="icon_comment"></span>								
								</div>
								<div class="clear"></div>  
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                 </div>
                
                <div class="four columns widget">
                    <h5 class="widget_title">Latest tweets</h5>
                    <div class="widget_tweets">
                       <div id="twitter"></div>                
				   </div>
                    
                </div>
                          
              <div class="four columns widget omega">
                    <h5 class="widget_title">Contact info</h5>
                <div class="widget_text">
                        <span class="foot_title">Company Location</span><br/>
                        <p>Hang Studios, Hongkar City<br/>
                        Load 32, Lie wei street<br/>
                        Building 32, Maoei, Hongkong</p>
                        
                        <span class="foot_title">How To Contact Us</span><br/>
                        <span class="icon_mail sub_text2"> <a href="mailto:your@email.com">you@yourdomain.com</a></span><br/>
                         <span class="icon_tele2 sub_text2"> 968-442-3301</span>
                </div>
              </div>
			
			
			
                 </div>
			   </div>
            </div>
		 </footer> <!-- End Footer -->


          <!-- Sub footer -->
		
		<div id="subfooter_wrapper">
		   <div class="container">
    	    <div class="subfooter">
        	<div class="eight columns power_bt">
			Grandon HTML Theme by Decneo. - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>			
			</div>
			
            <div class="eight columns">
			    <div class="social_wrapper">  
							<a href="#"><img src="images/facebook.png" alt="Twitter"/></a>
							<a href="#"><img src="images/google.png" alt=""/></a>
							<a href="#"><img src="images/twitter.png" alt=""/></a>
							<a href="#"><img src="images/fr.png" alt=""/></a>
							<a href="#"><img src="images/youtube.png" alt=""/></a>
							<a href="#"><img src="images/rss.png" alt=""/></a>	
				</div>
            </div>
            </div>
			</div>
        </div> <!-- End Sub footer -->
		
	</div> <!-- End main_wrapper_inner -->	   
</div> <!-- End main_wrapper -->
</body>
</html>